【JS-task04】如何使用PhoneGap打包app？

武汉小课堂

分享人：叶紫阳

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

什么是PhoneGap？

PhoneGap 是一款HTML5平台，通过它，开发商可以使用HTML、CSS及JavaScript来开发本地移动应用程序。因此，目前开发商可以只 编写一次应用程序，然后在7个主要的移动平台和应用程序商店(app store)里进行发布，这些移动平台和应用程序商店包括：iOS、Android、BlackBerry、webOS、bada、Winodws Phone以及Symbian。 它使开发者能够利用iPhone，Android，Palm，Symbian,WP,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。

2.知识剖析

phoneGap

phoneGap工具用来开发比较合适，它除了可以使用html5和js外，还可以调用手机的摄像头或者其他硬件设备，下面介绍2款开发工具。

PhoneGap Desktop-App

它是一个安装在 win 或者 mac 上的一款软件有了它可以在不搭建 andrid 环境 不配置 android sdk 或者不搭建 xcode 环境，或者不安装 node.js npm 的情况下就可以创建 phoengap应用

PhoneGap Developer App

它是一款可以安装在android wp ios 上面的 app 应用,有了它我们可以在不连接数据线的情况下 通过 wify 在我们的手机上调试 app 应用，也可以开发一个应用在我们好几个终端调试，（比如在开发 android 应 用的时候可以直接在 iPhone 手机上看看显示效果以及兼容性） 它绕过了全部 SDK 和必需的编译或代码签名。它通过 WiFi 与一台移动设备上 的 PhoneGap 配对。这台服务器监控代码的变动，并把它们自动地发送到那台设 备上，而不用执行本地编译或代码签名。

3.常见问题

如何使用phoneGap打包app

4.解决方案

打包的两种方式

  • 本地打包
  • 在线打包

本地的打包方式适合在本地开发的phonegap应用，像我们这种普通的页面应用，并没有涉及到调用摄像头或者硬件设备的，更加适合使用在线打包。

在线打包的步骤：
  • 注册登录
  • 准备安装包
  • 设置与下载
注册登录
  • PhoneGap的网址
  • 账户类型选择免费
  • 免费的用户只允许保存一个私人的app，其他的要想上传必须在github上开源
准备安装包
  • 将自己的项目文件压缩，压缩格式为.zip
  • 点击上传
设置与下载
  • 上传完成后点击 ready to build 。
  • 点击install，下载apk文件

5.编码实战

6.扩展思考

如何在本地打包phonegap应用
  • 安装java环境。
  • 安装ant构建工具。
  • 安装android的开发环境并配置环境变量。
  • 安装Node.js环境并配置环境变量。
  • 安装git
  • 使用npm安装PhoneGap全局环境。
  • 使用PhoneGap命令创建PhoneGap项目。
  • 将PhoneGap编译为android项目。
  • 将上述项目导入ADT进行后续开发。
  • 安装.apk文件

7.参考文献

PhoneGap在线打包Touch App程序 如何使用PhoneGap本地打包Web App

8.更多讨论

phonegap相对hbuilder有什么优点

鸣谢

感谢大家观看

by：叶紫阳